@extends('layouts.admin')

@section('content')
    <script type="application/javascript" src="{{url()}}/js/table.js"></script>

    <div class="modal-msg"></div>
    <div class="margin-bottom-20">
        <p class="text-info">The Azure Table storage service stores large amounts of structured data. The service is a
            NoSQL datastore
            which accepts authenticated calls from inside and outside the Azure cloud. Azure tables are ideal for
            storing structured, non-relational data. We provide Easy access to table's data. To get the entities, Fill in the form below and
            retrieve the entries.</p>

        <div class="margin-bottom-20"></div>

        <button type="button" class="btn btn-primary btn-md"
                data-toggle="modal" data-target="#createTable"><i class="fa fa-plus-circle"></i> Add New Table
        </button>

    </div>
    <form class="form-inline get-entity-form margin-bottom-10" action="#" method="post">
        <input name="_token" value="{{csrf_token()}}" hidden>

        <div class="form-group">
            <input class="form-control table-name" name="table" placeholder="Table Name">
        </div>
        <div class="form-group">
            <input type="text" name="partition" class="form-control partition-name" placeholder="Partition Name">
        </div>
        <div class="form-group">
            <input type="submit" class="btn btn-md btn-primary query" value="Query">
        </div>
        <div class="form-group loading">
            <img src="img/loading_spinner.gif">
        </div>
    </form>

    <div class="results"></div>
    @include('modals.addtable');
@endsection